<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>活动管理</el-breadcrumb-item>
        <el-breadcrumb-item>活动列表</el-breadcrumb-item>
        <el-breadcrumb-item>活动详情</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div v-for="o in 4" :key="o" class="text item">{{'列表内容 ' + o }}</div>
    <el-button @click="handleClick">发送</el-button>
  </el-card>
</template>
<script>
import { mapMutations } from "vuex";
import { mapState } from "vuex";
export default {
  namespace: "about",
  computed: mapState(["asideCollapse"]),
  methods: {
    ...mapMutations(["handleChangeAsideCollapse"]),
    handleClick: function() {
      this.$axios.post(`/apis/post`, {
        name: 123,
      }, {
        headers: {
          'Content-Type': 'multipart/form-data;boundary=' + new Date().getTime()
        }
      });
    }
  }
};
</script>
